<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description"
        content="辽宁华睿新媒体职业学校是经由辽宁华睿星辉教育集团、日本札幌国际大学、T-PLAN日本奖学金协会三方共同创立的全日制国际化新媒体职业学校。学校坐落于环境宜人，风景优美的辉山风景区，办学特色鲜明，实行准军事化封闭式管理模式，全面保证学生的学习、生活、就业质量。">
    <meta name="keywords" content="华睿,辽宁华睿新媒体职业学校,辽宁华睿,辽宁华睿新媒体,华睿新媒体,新媒体,新媒体职业学校,华睿新媒体职业学校">
    <link rel="icon" href="./favicon.ico">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
        integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="./css/contact.css">
    <title>华睿新媒体职业学校</title>
</head>

<body>
    <div class="phone-nav d-md-none">
        <nav class="navbar navbar-expand-md navbar-light">
            <div class="logo-box">
                <img src="./images/logo.png" class="img-responsive mr-2" alt="http://www.lnhrxmt.com">
                <span class="fs-19 color-212">华睿新媒体职业学校</span>
            </div>
            <div class="menu-icon-box">
                <svg class="bi bi-list" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor"
                    xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd"
                        d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
                </svg>
            </div>
        </nav>
        <!-- 导航盒子 -->
        <div class="right-nav p-3">
            <ul>
                <li class="p-3 fs-20"><a title="华睿新媒体职业学校" href="index.html">网站首页</a></li>
                <li class="color-yellow p-3 fs-20"><a title="华睿新媒体职业学校" href="about.html">关于我们</a></li>
                <li class="p-3 fs-20"><a title="华睿新媒体职业学校" href="environment.html">校园环境</a></li>
                <li class="p-3 fs-20"><a title="华睿新媒体职业学校" href="major.html">金牌专业</a></li>
                <li class="p-3 fs-20"><a title="华睿新媒体职业学校" href="teacher.html">专家讲师</a></li>
                <li class="p-3 fs-20"><a title="华睿新媒体职业学校" href="recruit.html"></a>招生简章</a></li>
                <li class="p-3 fs-20"><a title="华睿新媒体职业学校" href="contact.html">联系我们</a></li>
            </ul>
        </div>
    </div>

    <!-- 头部 -->
    <div class="container-fluid">
        <div class="top-box d-none d-md-block">
            <div class="header-box d-flex j-around a-center pt-3 pb-3">
                <div class="left-box d-flex a-center">
                    <img src="./images/logo.png" class="logo mr-3" alt />
                    <span class="fs-48 color-212">华睿新媒体职业学校</span>
                </div>
                <div class="right-box fs-24">
                    <div class="d-flex a-center">
                        <img src="./images/tel.png" class="mr-3" alt />
                        <span class="color-yellow">咨询热线</span>
                    </div>
                    <p class="color-blue">024-62639888</p>
                </div>
            </div>
            <div class="nav-box pt-3 pb-3 d-flex j-center">
                <ul class="nav d-flex color-999">
                    <li class=""><a href="index.html" title="华睿新媒体职业学校"><span class="">网站首页</span></a></li>
                    <li class=""><a href="about.html" title="华睿新媒体职业学校"><span class="">关于我们</span></a></li>
                    <li class=""><a href="environment.html"><span class="">校园环境</span></a></li>
                    <li class=""><a href="major.html"><span class="">金牌专业</span></a></li>
                    <li class=""><a href="teacher.html"><span class="">专家讲师</span></a></li>
                    <li class=""><a href="recruit.html"><span class="">招生简章</span></a></li>
                    <li class=""><a href="contact.html"><span class="color-yellow">联系我们</span></a></li>
                </ul>
            </div>
        </div>
        <div class="swiper-box w-100">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./images/banner.png" alt />
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/banner1.jpg" alt />
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/banner2.jpg" alt />
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="d-none d-md-block">
            <div class="title-box pt-3 pb-3 color-white fs-18 d-flex j-around a-center ">
                <span>愿景：教育引领行业 发展改变未来 打造世界一流 建设万人名校</span>
                <div class="d-flex a-center">
                    <input type="text" name id placeholder="请输入关键词" class="mr-3" />
                    <img src="./images/10.png" alt />
                </div>
            </div>
        </div>
    </div>

    <div class="container pt-5">
        <div class="row school-info mb-5">
          <div class="col-md-4 text-center">
            <img src="./images/address.png" class="img-responsive mb-3" alt />
            <p class="fs-20">地址</p>
            <p class="fs-14">辽宁省沈阳市沈北新区辉山大街176号（北校区）</p>
          </div>
          <div class="col-md-4 text-center">
            <img src="./images/phone.png" class="img-responsive mb-3" alt />
            <p class="fs-20">电话</p>
            <p class="fs-14">024-62639888</p>
          </div>
          <div class="col-md-4 text-center">
            <img src="./images/address.png" class="img-responsive mb-3" alt />
            <p class="fs-20">地址</p>
            <p class="fs-14">辽宁省沈阳市于洪区沙岭街道文沙街银岭路（西校区）</p>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="map w-100 mb-5" id="container"></div>
          </div>
        </div>
      </div>
    
      <!-- 底部 -->
    <div class="footer-box color-ccc pt-5 pb-3  d-none d-md-block">
        <div class="container-fluid">
            <div class="row d-flex j-center">
                <div class="col-md-3 foot-left">
                    <div class="d-flex a-center mb-2">
                        <img src="./images/logo.png" class="mr-2" alt />
                        <span class="fs-34 color-ccc flex-1">华睿新媒体职业学校</span>
                    </div>
                    <p class="fs-14">
                        辽宁华睿新媒体职业学校是经由辽宁华睿星辉教育集团、
                        日本札幌国际大学、T-PLAN日本奖学金协会三方共同创立的全日制国际化新媒体职业学校。
                    </p>
                </div>
                <div class="col-md-3 foot-middle">
                    <p class="fs-16">网站栏目</p>
                    <div class="type-box">
                        <ul class="d-flex f-wrap">
                            <li class="fs-14 pr-5 mb-4"><a href="index.html" class="color-ccc">网站首页</a></li>
                            <li class="fs-14 pr-5 mb-4"><a href="about.html" class="color-ccc">关于我们</a></li>
                            <li class="fs-14 pr-5 mb-4"><a href="environment.html" class="color-ccc">校园环境</a></li>
                            <li class="fs-14 pr-5 mb-4"><a href="major.html" class="color-ccc">金牌专业</a></li>
                            <li class="fs-14 pr-5 mb-4"><a href="teacher.html" class="color-ccc">专家讲师</a></li>
                            <li class="fs-14 pr-5 mb-4"><a href="recruit" class="color-ccc">招生简章</a></li>
                            <li class="fs-14 pr-5 mb-4"><a href="contact.html" class="color-ccc">联系我们</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 foot-right">
                    <div class="info-item mb-4">
                        <img src="./images/29.png" class="mr-3" alt />
                        <span class="fs-14">地址：辽宁省沈阳市沈北新区辉山大街176号（北校区）</span>
                    </div>
                    <div class="info-item mb-4">
                        <img src="./images/291.png" class="mr-3" alt />
                        <span class="fs-14">电话：024-62639888</span>
                    </div>
                    <div class="info-item">
                        <img src="./images/29.png" class="mr-3" alt />
                        <span class="fs-14">地址：辽宁省沈阳市于洪区沙岭街道文沙街银岭路（西校区）</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 手机底部 -->
    <div class="phone-foot d-md-none p-3 color-white">
        <div class="phone-type fs-12 d-flex a-center j-around">
            <a href="about.html" class="color-ccc">关于我们</a>
            <a href="environment.html" class="color-ccc">校园环境</a>
            <a href="major.html" class="color-ccc">金牌专业</a>
            <a href="teacher.html" class="color-ccc">专家讲师</a>
            <a href="recruit.html" class="color-ccc">招生简章</a>
            <a href="contact.html" class="color-ccc">联系我们</a>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
        integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
        integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous">
    </script>
    <script src="https://unpkg.com/swiper/js/swiper.js"> </script>
    <script src="https://unpkg.com/swiper/js/swiper.min.js"> </script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=5TiExy07ewAutqqH6tVjaU7SX2IlPlSn"></script>
    <script>
        let BMap = window.BMap
        let map = new BMap.Map("container"); // 创建Map实例
        let point =  new BMap.Point(123.191941, 41.786135);//经纬度
        let point1 =  new BMap.Point(123.593884, 41.952088);//经纬度
        var marker = new BMap.Marker(point);
        var marker1 = new BMap.Marker(point1);
        map.addOverlay(marker);   
        map.addOverlay(marker1);   
        let centerPoint =  new BMap.Point(123.461276, 41.817568);//经纬度
        map.centerAndZoom(centerPoint, 10); // 初始化地图,设置中心点坐标和地图级别
        //map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
        map.setCurrentCity("沈阳"); // 设置地图显示的城市 此项是必须设置的
        map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放 
        marker.addEventListener("click", function(){    
            alert("辽宁省沈阳市于洪区沙岭街道文沙街银岭路（西校区）");    
        }); 
        marker1.addEventListener("click", function(){    
            alert("辽宁省沈阳市沈北新区辉山大街176号（北校区）");    
        }); 
        //触摸事件(解决点击事件无效)--触摸开始，开启拖拽
map.addEventListener('touchmove', function(e) {
    map.enableDragging();
    });
    //触摸结束始，禁止拖拽
    map.addEventListener("touchend", function(e) {
    map.disableDragging();
    });
    </script>
    <script>
        var mySwiper = new Swiper('.swiper-container', {
            loop: true,
            autoplay: true,
            pagination: {
                el: ".swiper-pagination"
            }
        })
        $('.menu-icon-box').click(function () {
            $('.right-nav').css('right', 0)
        })
        $('.right-nav').click(function () {
            $(this).css('right', '-17.375rem')
        })
    </script>
    
    <script>
        (function(){
            var bp = document.createElement('script');
            bp.src = '//push.zhanzhang.baidu.com/push.js';
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();
        </script>
    
</body>

</html>